﻿ 
 <!-- 订单详情页   已完成 -->
 
<div class="detailHead">
   <div class="stateBox">
       <a class="but">支付</a>
       <img class="lins" src="images/order_list/sline.png">
       <a class="but">配单</a>
       <img class="lins" src="images/order_list/sline.png">
       <a class="but">终止</a>
   </div>
</div>

<div class="clearfix"></div>

<div class="order-content det-mainBox" style="margin: 0 auto;">
    <!-- 头部订单状态  start  --------->
	<div class="orderlist-Box">
	   <ul>
	      <li>
	      <div class="oderhead state2">
	          <img alt="已支付" src="images/order_list/order-yfb.png"><br/>
	          <label>已支付</label>
	      </div>
	      <div class="conbox">
	         <div class="topbox">
	            <span class="names">NO.10000 快速设计及制造</span>
	            <span class="tags">LGA</span>
	         </div>
	         <div class="btmbox">
	            <span class="nums">本订单为线下对接订单</span>
	         </div>
	      </div>
	      <div class="optbox">
	          <div class="fhtime mt-fh2">
	             <span class="infos">客户经理：
	                  <span class="names">李服务</span>
	             </span><br/>
	             <span class="contact con-mt">
	                   <img alt="电话" src="images/order_list/call.png">：133-0987-9987
	             </span>
	             <span class="contact">
	                <img alt="QQ" src="images/order_list/qq.png">：87264908744
	             </span>
	          </div>
	      </div>
	   </li>
	   </ul>
	   
	</div>
    <!-- 头部订单状态  start  --------->
    
    <div class="det-head-box">
         <h4>订单详情</h4>
	     <div class="order-intro">其他封装形式</div>
    </div>

 <!--类型二-->
	 <div class="order-body order-body2">
		 <div class="order-item">
			 <div class="order-info-group" style="border-bottom:0px;">
				 <label class="col-md-3">项目附件</label>
				 <div class="col-md-9">
					 <div class="order-info-group" style="padding-top: 0;">
						 <img src="images/order_list/icon_pdf.png"><a class="order-link" href="#">手机芯片生产要求</a>
						 <a class="download-but">下载</a>
					 </div>
					 <div class="order-info-group">
						 <img src="images/order_list/icon_dwg.png"><a class="order-link" href="#">手机芯片生产要求</a>
						 <a class="download-but">下载</a>
					 </div>
					 <div class="order-info-group"  style="padding-bottom: 0;border: none;">
						 <img src="images/order_list/icon_doc.png"><a class="order-link" href="#">手机芯片生产要求</a>
						 <a class="download-but">下载</a>
					 </div>
				 </div>
			 </div>
		 </div>
	 </div>
	 
</div>

<div style="height: 130px;"></div>


<!-- ------------------ 弹框 start ------------------------- -->

<!-- 联系方式 start  ------->
<div class="det-contactBox">
   <img title="点击展开" alt="联系方式" src="images/order_list/contact.png">
</div>
<div class="det-contact-main">
   <label class="titles">专属客户经理</label><br/>
   <label class="names">李服务</label>
   <div class="content">
      <span><img alt="tel" src="images/order_list/call.png">&nbsp; 133-0987-9987</span><br/>
      <span><img alt="mail" src="images/order_list/mail.png">&nbsp; abcdefg@126.com</span><br/>
      <span><img alt="QQ" src="images/order_list/qq.png">&nbsp; 87264908744</span>
   </div>
</div>
<!-- 联系方式 start  ------->

<script type="text/javascript">
    $(".content").css("background-color","#F9FBFC");
    
    $('html,body').animate({scrollTop:0}, 800);//移动到最上面
    
	$('.wafer-tab li').click(function(){
		var index = $(this).index();
		$('.wafer-tab li').removeClass('active');
		$(this).addClass('active');
		$('.wafer-tab-info li').eq(index).show().siblings().hide();
	});
	
	$('.det-contactBox').click(function(){
		var obj = $(".det-contact-main");
		if($('.det-contact-main').is(':hidden')){
			obj.show();
		}else{
			obj.hide();
		}
	});
</script>

